<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<link href="./css/bootstrap.min.css" rel="stylesheet">
	<link href="./css/style.css" rel="stylesheet">
	<link href="./css/index.css" rel="stylesheet">
</head>

<body>
	<nav class="navbar navbar-default">
		<div class="container">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
					data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="#"><img src="images/logo.png" alt="" /></a>
			</div>

			<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">
				<ul class="nav navbar-nav">
					<li class="active"><a href="index.html">尚典首页</a></li>
					<li><a href="product.html">产品中心</a></li>
					<li><a href="product_detail.html">产品详情</a></li>
					<li><a href="news.html">新闻资讯</a></li>
					<li><a href="brand.html">关于我们</a></li>
				</ul>
				<div class="clearfix"></div>
			</div>
		</div>
	</nav><!--导航头部-->
	<div class="clearfix"></div><!--清除浮动-->
	<div id="carousel-example-generic" class="carousel slide banner" data-ride="carousel">
		<div class="item active">
			<a href="">
				<img class="img-responsive center-block run-img ban_img" width="100%"
					src="./images/20160816095652680.jpg">
			</a>
		</div>
	</div>
	<div class="clearfix"></div><!--清除浮动-->
	<div class="container concept">
		<h2>SHANGDIAN CONCEPT</h2>
		<p class="concept_name">尚典理念</p>
		<div class="row idea">
			<div class="col-xs-12 col-sm-4 ">
				<div class="concept-icon center-block">
					<div><img src="./images/20160809100450665.png"></div>
				</div>
				<h4>为什么这么做？</h4>
				<p>这几年来市面上的洗发水都是以硅油为主研发而成洗发水含有硅会使人脱发、掉发、头皮发痒等</p>
			</div>
			<div class="col-xs-12 col-sm-4 ">
				<div class="concept-icon center-block">
					<div><img src="./images/20160809100433578.png"></div>
				</div>
				<h4>我们做了什么？</h4>
				<p>研制出一款无硅油洗护产品，塑造纯天然，原生态产品，致力打造健康，美丽的核心宗旨</p>
			</div>
			<div class="col-xs-12 col-sm-4 ">
				<div class="concept-icon center-block">
					<div><img src="./images/20160809100405443.png"></div>
				</div>
				<h4>我们是谁？</h4>
				<p>尚典”诞生于2016年中国广州，是广州闻名生物科技有限公司旗下的一个品牌</p>
			</div>
		</div>
	</div>
	<div class="clearfix"></div><!--清除浮动-->

	<!--导航简介-->
	<div class="pro_show">
		<div class="container concept">
			<h2>SHANGDIAN CONCEPT</h2>
			<p class="concept_name bod_con">产品展示</p>
			<div class="product_display">
				<div class="row">
					<div class="col-lg-8 pro_img pro_left">
						<div class="col-lg-12">
							<a href="">
								<img src="./images/20160816100312709.jpg" class="img-responsive pull-left pro_img1"
									alt="Responsive image">
							</a>
							<div class="pro_desc1 pull-left lg-margin">
								<h4 class="proshow_title"><a href="">茶籽无硅油发膜</a>
								</h4>
								<p class="lg_pro_p01">护理发损 </p>
								<span class="proshow_dec proshow_dec_width">
									<span
										style="color: rgb(97, 110, 108); font-family: 微软雅黑; line-height: 17.1429px; background-color: rgb(245, 245, 245);">护理发损，具有使头发滋润.</span>
								</span>
								<span class="triangle-left"></span>
							</div>
						</div>
						<div class="clearfix"></div>
						<div class="col-lg-3 fox_father">

							<div class="pro_desc1 pro_03 lg-pro03">
								<h4 class="proshow_title "><a href="">茶籽无硅油发膜</a>
								</h4>
								<span class="pro_03_dec">
									<div>头发洗干净后，取适量护发产品至发头上.</div>
								</span>
							</div>
							<a href="">
								<img src="./images/20160805104236353.jpg" class="img-responsive pull-left lg_pro_img03"
									alt="Responsive image">
							</a>
							<span class="triangle-left trian-three"></span>
						</div>
						<div class="col-lg-9 fox_middle">

							<a href=""></a>
							<img src="./images/20160805104313212.jpg" class="img-responsive" alt="Responsive image">

							<div class="proshow_04">
								<h4 class="proshow_title"><a href="">茶籽无硅油洗发水</a>
								</h4>
								<p>配方含有天然滋润成份茶籽中的茶皂素提取物
								</p>
								<p class="proshow_04_desc">
								</p>
							</div>
						</div>
					</div>
					<div class="col-lg-4 pro_img_rig">
						<div class="pro_02 pull-left"><img src="./images/20160816100340585.jpg"
								class="img-responsive pro-img2" alt="Responsive image">
							</a>
							<div class="pro_02_dec pro_deux">
								<h4 class="proshow_title pro_h4"><a href="">茶籽无硅油洗发水</a>
								</h4>
								<span class="pro_03_dec">
									&nbsp;滋润成份茶籽中的茶皂素提取物&nbsp; </span>
								<span class="triangle-left trian-buttom"></span>
								<div class="clearfix"></div>
							</div>
							<!-- <div class="clearfix"></div> -->
							<div class="proimg_last pull-left lg-last"><img src="./images/20160805104417271.jpg"
									class="img-responsive pull-left" alt="Responsive image">
								</a>
								<div class="clearfix"></div>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
		<div class="footer">
			<div class="container-fluid concept">
				<div class="row">
					<div class="col-lg-2 col-md-2 col-sm-2 container">
						<div class="footer_logo">
							<img src="./images/bottom_logo.png" class="img-responsive center-block"
								alt="Responsive image">
						</div>
						<div class="clearfix"></div>
					</div>
					<div class="col-lg-5 col-md-5 col-sm-5">
						<div class="contact_us">
							<h3>联系 CONTACT</h3>
							<div class="contact_dec">
								<p>联系电话：xxx-xxxxxxxx</p>
								<p>邮箱：xxxxxxxxx@163.com</p>
								<p>香港闻名生物有限公司版权所有 粤ICP备0754673</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<script src="./js/jquery-1.11.1.min.js"></script>
		<script src="./js/bootstrap.min.js"></script>
</body>

</html>